{% load url from future %}
{% load static %}
{% get_static_prefix as STATIC_PREFIX %}

<!DOCTYPE html>

<html>
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
  <meta charset="utf-8">

  <title>{% block title %}{% endblock %}</title>
  <meta name="viewport" content=
  "width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content=
  "Asif Jalil (asif.m.jalil@gmail.com)">
  <link href="{{ STATIC_PREFIX }}assets/css/bootstrap.css" rel=
  "stylesheet" type="text/css">
  <style type="text/css">
    body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
  </style>
  <link href=
  "{{ STATIC_PREFIX }}assets/css/bootstrap-responsive.css" rel=
  "stylesheet" type="text/css">
  <link rel="shortcut icon" href=
  "{{ STATIC_PREFIX }}assets/ico/favicon.ico">
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href=
  "{{ STATIC_PREFIX }}assets/ico/apple-touch-icon-144-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href=
  "{{ STATIC_PREFIX }}assets/ico/apple-touch-icon-114-precomposed.png">
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href=
  "{{ STATIC_PREFIX }}assets/ico/apple-touch-icon-72-precomposed.png">
  <link rel="apple-touch-icon-precomposed" href=
  "{{ STATIC_PREFIX }}assets/ico/apple-touch-icon-57-precomposed.png">
  <meta name="robots" content="NONE,NOARCHIVE">
  {% block extrastyle %}{% endblock %}
   {% block extrahead %}{% endblock %} {% block blockbots %}{% endblock %}
</head>

<body>
    {% load i18n %}
  <!-- Le styles -->
   <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
   <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
   <!-- Le fav and touch icons -->

  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="btn btn-navbar" data-toggle="collapse"
            data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a> 
        {% block branding %}{% endblock %}

        <div class="btn-group pull-right">
          <a class="btn dropdown-toggle" data-toggle="dropdown"
          href="#">Username</a>

          <ul class="dropdown-menu">
            <li><a href="#">Profile</a></li>

            <li><a href="#">Sign Out</a></li>
          </ul>
        </div><!-- end of user -->
        <!-- Everything you want hidden at 940px or less, place within here -->

        <div class="nav-collapse">
          <!-- .nav, .navbar-search, .navbar-form, etc -->

          <ul class="nav">
            <li class="active"><a href="#">Home</a></li>

            <li><a href="#about">About</a></li>

            <li><a href="#contact">Contact</a></li>
          </ul>

          <form class="navbar-search pull-left">
            <input type="text" class="search-query" placeholder=
            "Search">
          </form>

          <ul class="nav pull-right"></ul><!--/.nav pull-right-->
        </div><!--/.nav-collapse -->
      </div>
    </div>
  </div><!-- end of navbar -->

  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span6">
        {% block breadcrumbs %}
        <div style="margin-left: 2em" class="breadcrumbs">
            <a href="/">{% trans 'Home' %}</a> 
            {% if title %} &#8250;
             {{ title }} 
            {% endif %}
        </div>
        {% endblock %}
      </div>
    </div>

    {{ content }}

    {% block footer %}
    <footer>
        <p>Powered by <a href="https://www.djangoproject.com">django</a>;
        Style by <a href="http://twitter.github.com/bootstrap/index.html">twitter-bootstrap</a></p>
    </footer>
    {% endblock %}

  </div><!-- /fluid-container -->
  <!-- Le javascript
    ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="{{ STATIC_PREFIX }}assets/js/jquery.js" type=
  "text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-transition.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-alert.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-modal.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-dropdown.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-scrollspy.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-tab.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-tooltip.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-popover.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-button.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-collapse.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-carousel.js" type=
"text/javascript">
</script><script src=
"{{ STATIC_PREFIX }}assets/js/bootstrap-typeahead.js" type=
"text/javascript">
</script>
</body>
</html>
